import Vue from 'vue';
import VueRouter from 'vue-router';
import Msgbox from '../views/Msgbox';

Vue.use(VueRouter);

const routes = [
    {
        path: '/',
        name: 'Msgbox',
        component: Msgbox,
    },
    {
        path: '/extend',
        name: 'Extend',
        component: () => import('../views/Extend'),
    },
    {
        path: '/provideInject',
        name: 'ProvideInject',
        component: () => import('../views/ProvideInject'),
    },
    {
        path: '/listenersAttrs',
        name: 'ListenersAttrs',
        component: () => import('../views/ListenersAttrs'),
    },
    {
        path: '/elTabs',
        name: 'ElTabs',
        component: () => import('../views/ElTabs'),
    },
    {
        path: '/layout',
        name: 'Layout',
        component: () => import('../views/Layout'),
    },
];

const router = new VueRouter({
    mode: 'history',
    routes,
});

export default router;
